
<div class="row">
 
  <div class="span9"> 
<div id="<*$controller*>">

 <link href="css/bootstrap-combined.min.css" rel="stylesheet">

 <link rel="stylesheet" type="text/css" media="screen" href="/css/bootstrap-datetimepicker.min.css">
 
 
 <script type="text/javascript" src="/js/bootstrap-datetimepicker.min.js"></script>
  
<form action="/<*$controller*>/addop" method="post" class="form-horizontal">
  
  <h3>家长信息</h3> 
 
  <fieldset>
        <div class="control-group">
	  <label class="control-label" for="家长名称">家长名称</label>
     <div class="controls">
     <input type="text" name="realname"   class="input-medium" id="realname" placeholder="输入名称" />  
       </div>
	   </div>

        <div class="control-group">
	  <label class="control-label" >手机号</label>
     <div class="controls">
       <input type="text" name="mobile" value=""  class="input-xlarge" id="mobile" placeholder="输入手机号" onblur="checkMobile()" />  
       </div>
	   </div>
       
   <div class="control-group">
	  <label class="control-label" >家长登陆账号</label>
     <div class="controls">
       <input type="text" name="username"    class="input-xlarge" id="username"  value="<*$username*>" />  
       </div>
	   </div>
   
     <div class="control-group">
	  <label class="control-label" >密码</label>
     <div class="controls">
       <input type="text" name="password" value="<*$password*>"  class="input-xlarge" id="password"  />  
       </div>
	   </div> 
          </fieldset>
 
  <hr />
  <h3>学生1信息</h3> 
   <div class="control-group">
	  <label class="control-label" >学生名称</label>
     <div class="controls">
     <input type="text" name="cnname" value="" class="input-xlarge" id="cnname" placeholder="输入孩子名称" />  
       </div>
	   </div> 
       
   <div class="control-group">
	  <label class="control-label" for="生日">生日</label>
     <div class="controls" >
        <div class="input-append" id="datetimepicker"  >
     	<input data-format="yyyy-MM-dd" type="text" name="birthday"></input>
        <span class="add-on">
             <i data-time-icon="icon-time" class="icon-calendar">
             </i>
   		 </span>
         </div>
       </div>
	   </div>    
    <div class="control-group">
	  <label class="control-label" for="<*$key*>">性别</label>
     <div class="controls">
        <label class="radio inline">
     	 <input type="radio" name="sex" id="boy" value="1"> 男
   	   </label>
      <label class="radio inline">
        <input type="radio" name="sex" id="girls" value="2"> 女
     </label> 
       </div>
	   </div> 
    
    <h3>学生2信息</h3> 
   <div class="control-group">
	  <label class="control-label" for="<*$key*>">学生名称</label>
     <div class="controls">
     <input type="text" name="cnname2" value="" class="input-xlarge" id="cnname" placeholder="输入孩子名称" />  
       </div>
	   </div> 
       
   <div class="control-group">
	  <label class="control-label" for="生日">生日</label>
     <div class="controls" >
        <div class="input-append" id="datetimepicker2" >
     	<input data-format="yyyy-MM-dd" type="text" name="birthday2" id="birthday2"></input>
        <span class="add-on">
             <i data-time-icon="icon-time" class="icon-calendar">
             </i>
   		 </span>
         </div>
       </div>
	   </div>    
    <div class="control-group">
	  <label class="control-label" for="<*$key*>">性别</label>
     <div class="controls">
        <label class="radio inline">
     	 <input type="radio" name="sex2" id="boy" value="1"> 男
   	   </label>
      <label class="radio inline">
        <input type="radio" name="sex2" id="girls" value="2"> 女
     </label> 
       </div>
	   </div>  
         <div class="control-group">
          <div class="controls">
			<button type="submit" class="btn btn-primary btn-large">保存新增</button>&nbsp;&nbsp;<button type="button" class="btn  btn-large" onclick="history.back()">返回</button>
		   </div>
		</div> 
 
</form>
<script type="text/javascript">
  $(function() {
    $('#datetimepicker').datetimepicker({
      pickTime: false
    });
  });
    $(function() {
    $('#datetimepicker2').datetimepicker({
      pickTime: false
    });
  });  
  function checkMobile(){
  
    var reg =/^((\+86)|(86))?(1)\d{10}$/;
	 var mob = document.getElementById("mobile").value;
	 if(!mob.match(reg))
	 {
		 alert("请输入正确有效的手机号码！");
			return false;
	 } 
  }

 

</script>
</div>
</div>